<script type="text/javascript">
$(document).ready(function(){
	$(".cateSearchActBtn").on("click",function(e){
		$("#cateList").toggle();
	});
	$("#searchProductBtn1").on("click",function(e){
		var formObj = document.forms["form_search1"];
		var formEls = formObj.elements;
		//if(formEls["name"].value==''&&formEls["cate_code"].value==''){
		//	alert('请输入商品名称关键字,或者选择要查询的商品分类');
		//	return false;
		//}
		formObj.action = "{:U('Product/index')}";
		formObj.submit();
	});
});
</script>
	<!-- 商品搜索 -->
	<div class="row mt5">
		<div class="col-xs-12 col-sm-12">
			<form method="get" action="{:U('Product/index')}" name="form_search1" id="form_search1">
			<div class="input-group">
				<span class="input-group-btn">
					<button class="btn btn-warning cateSearchActBtn" style="border-radius:0;" type="button">分类<span class="icon-white icon-chevron-down"></span></button>
				</span>
				<input type="text" class="form-control" style="border:2px solid #ff9933;" name="name" value="{$search.name}"  maxlength="50" placeholder="商品关键字">
				<input type="hidden" name="cate_code"  value="{$search.cate_code}" />
				<span class="input-group-btn">
					<button class="btn btn-warning" id="searchProductBtn1" style="border-radius:0;" type="button"><span class="icon-white icon-search"></span></button>
				</span>
			</div>
			</form>
		</div>
	</div>
	<div class="mt5" id="cateList" style="display:none">
		<div class="media">
			<div class="pull-left">
				<div class="thumbnail" style="padding-top:25px;border-left:5px solid #5bc0de;border-radius:0;height:110px;vertical-align:middle;">
					<img src="__ROOT__/statics/mobile/images/icons/drink.png">
					<div class="caption text-center">
						<h3>酒水饮料</h3>
					</div>
				</div>
			</div>
			<div class="media-body tag-box">
				<a href="/Product/index/cate_code/A01.html" class="btn btn-info">全部饮品</a>
				<a href="/Product/index/cate_code/A01001.html" class="btn alert-info-nobg"><span>瓶装水</span></a>
				<a href="/Product/index/cate_code/A01002.html" class="btn alert-info-nobg">碳酸饮料</a>
				<a href="/Product/index/cate_code/A01003.html" class="btn alert-info-nobg">功能果汁</a>
				<a href="/Product/index/cate_code/A01004.html" class="btn alert-info-nobg">咖啡茶饮</a>
				<a href="/Product/index/cate_code/A01005.html" class="btn alert-info-nobg">牛奶酸奶</a>
			</div>
		</div>
		<div class="media">
			<div class="pull-left">
				<div class="thumbnail" style="padding-top:25px;border-left:5px solid #ff9933;border-radius:0;height:110px;vertical-align:middle;">
					<img src="__ROOT__/statics/mobile/images/icons/food.png">
					<div class="caption text-center">
						<h3>食品粮油</h3>
					</div>
				</div>
			</div>
			<div class="media-body tag-box">
				<a href="/Product/index/cate_code/A02.html" class="btn btn-warning">全部食品</a>
				<a href="/Product/index/cate_code/A02002.html" class="btn alert-warning-nobg">休闲零食</a>
				<a href="/Product/index/cate_code/A02002.html" class="btn alert-warning-nobg">饼干糕点</a>
				<a href="/Product/index/cate_code/A02001.html" class="btn alert-warning-nobg">速食面粥</a>
				<a href="/Product/index/cate_code/A02004.html" class="btn alert-warning-nobg">厨房调料</a>
				<a href="/Product/index/cate_code/A02005.html" class="btn alert-warning-nobg">粮油米面</a>
			</div>
		</div>
		<div class="media">
			<div class="pull-left">
				<div class="thumbnail" style="padding-top:25px;border-left:5px solid #5cb85c;border-radius:0;height:110px;vertical-align:middle;">
					<img src="__ROOT__/statics/mobile/images/icons/baihuo.png">
					<div class="caption text-center">
						<h3>日用百货</h3>
					</div>
				</div>
			</div>
			<div class="media-body tag-box">
				<a href="/Product/index/cate_code/B01.html" class="btn btn-success">全部百货</a>
				<a href="/Product/index/cate_code/B01002.html" class="btn alert-success-nobg">厨房清洁</a>
				<a href="/Product/index/cate_code/B01002.html" class="btn alert-success-nobg">个人洗护</a>
				<a href="/Product/index/cate_code/B01003.html" class="btn alert-success-nobg">学习用品</a>
				<a href="/Product/index/cate_code/B01001.html" class="btn alert-success-nobg">成人用品</a>
			</div>
		</div>
	</div>